كن محترف: اضافات بلوجر

قالب القرآن الكريم أو صفحة على مدونتك

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-uZxCHl2_6Qk/VfLSYTxELAI/AAAAAAAAAMc/axFrD6FdiHc/s1600/%25D8%25A7%25D9%2584%25D9%2582%25D8%25B1%25D8%25A7%25D8%25A1%25D9%2586-%25D8%25A7%25D9%2584%25D9%2583%25D8%25B1%25D9%258A%25D9%2585.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="304" src="http://4.bp.blogspot.com/-uZxCHl2_6Qk/VfLSYTxELAI/AAAAAAAAAMc/axFrD6FdiHc/s640/%25D8%25A7%25D9%2584%25D9%2582%25D8%25B1%25D8%25A7%25D8%25A1%25D9%2586-%25D8%25A7%25D9%2584%25D9%2583%25D8%25B1%25D9%258A%25D9%2585.png" width="640"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<br>
<br>
<br>
<h2 style="background-color: #446faa; border: 1px dashed rgb(255, 255, 255); box-shadow: rgb(68, 111, 170) 0px 0px 0px 4px; color: white; font-family: 'droid arabic kufi'; font-weight: normal; line-height: 40px; margin: 10px 5px; min-height: 40px; padding: 0px 10px; text-align: center;">
قالب القرآن</h2>
<div>
<br></div>
<div style="background-color: white; color: #333333; font-family: 'droid arabic kufi'; font-size: 14px; text-align: center;">
<a class="cnmubb" href="http://cnmu.blogspot.com/p/preview.html?url=https://app.box.com/s/8hehw3ev2zpbwy5k768m" style="background-color: #0081e4; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(68, 68, 68) 0px 1px 1px 1px; color: white; display: inline-block; font-weight: bold; height: 40px; line-height: 40px; margin: 10px 5px; position: relative; text-decoration: none; transition: all 0.7s ease 0s; width: 200px;" target="_blank">تحميل</a></div>
<div style="background-color: white; font-family: 'droid arabic kufi';">
<h4>
<span style="font-size: large;"><i>كل ما عليك فعله هو</i><span style="color: #990000;"> </span></span></h4>
</div>
<ol style="counter-reset: li 0; font-family: 'droid arabic kufi'; list-style: none; margin-right: 0px; padding-right: 0px;">
<li style="border-bottom-color: rgb(226, 227, 226); border-bottom-style: solid; border-bottom-width: 1px; list-style: none; margin: 0px 15px 20px 0px !important; padding: 4px 10px 4px 5px !important; position: relative; text-indent: 14px;"><span style="background-color: #fff2cc;"><span style="color: #444444;"><b><i>انشاء مدونة جديدة</i></b></span></span></li>
<li style="border-bottom-color: rgb(226, 227, 226); border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; list-style: none; margin: 0px 15px 20px 0px !important; padding: 4px 10px 4px 5px !important; position: relative; text-indent: 14px;"><span style="background-color: #fff2cc;"><span style="color: #444444;"><b><i>فك الضغط عن الملف الذي حملته</i></b></span></span></li>
<li style="border-bottom-color: rgb(226, 227, 226); border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; list-style: none; margin: 0px 15px 20px 0px !important; padding: 4px 10px 4px 5px !important; position: relative; text-indent: 14px;"><span style="background-color: #fff2cc;"><span style="color: #444444;"><b><i>تفتح ملف القالب المسمى Template.xml</i></b></span></span></li>
<li style="border-bottom-color: rgb(226, 227, 226); border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; list-style: none; margin: 0px 15px 20px 0px !important; padding: 4px 10px 4px 5px !important; position: relative; text-indent: 14px;"><span style="background-color: #fff2cc;"><span style="color: #444444;"><b><i>تنسخ كل ما فيه من محتوى</i></b></span></span></li>
<li style="border-bottom-color: rgb(226, 227, 226); border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; list-style: none; margin: 0px 15px 20px 0px !important; padding: 4px 10px 4px 5px !important; position: relative; text-indent: 14px;"><span style="background-color: #fff2cc;"><span style="color: #444444;"><b><i>ادخل الى تحرير القالب في المدونة الجديدة</i></b></span></span></li>
<li style="border-bottom-color: rgb(226, 227, 226); border-bottom-style: solid; border-bottom-width: 1px; font-size: 14px; list-style: none; margin: 0px 15px 20px 0px !important; padding: 4px 10px 4px 5px !important; position: relative; text-indent: 14px;"><span style="background-color: #fff2cc;"><span style="color: #444444;"><b><i>احذف كل شئ والصق ما قمت بنسخة ثم احفظ القالب</i></b></span></span></li>
</ol>
<br style="background-color: white; color: #333333; font-family: 'droid arabic kufi'; font-size: 14px;">
<br>
</div>

قالب القرآن تحميل كل ما عليك فعله هو انشاء مدونة جديدة فك الضغط عن الملف الذي حملته تفتح ملف القالب المسمى Templa...

التفاصيل»

إضافة صرف العملات لمدونات بلوجر

4:11 م YACIN 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="background-color: white; box-sizing: border-box; color: #333333; line-height: 19.2px; text-align: center;">
<span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>اليوم بإذن الله ساضع لكم إضافة ليست بالمهمة لكن قد يرغب بها بعضكم وهي إضافة صرف العملات</b></span></span></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; line-height: 19.2px; text-align: center;">
<span style="border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>وذالك لمعرفة سعر العملات العالمية مقارنة بسعر عملة دولتك</b></span></span></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; line-height: 19.2px; text-align: center;">
<span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>صورة من الإضافة</b></span></span></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; line-height: 19.2px; text-align: center;">
<span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><br></b></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-bulmf46KKrc/VfINu-tauZI/AAAAAAAAALk/D1cN5dBoRow/s1600/23-03-2014%2B23-41-10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-bulmf46KKrc/VfINu-tauZI/AAAAAAAAALk/D1cN5dBoRow/s1600/23-03-2014%2B23-41-10.png"></a></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; line-height: 19.2px; text-align: center;">
<span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><br></b></span></span></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; line-height: 19.2px; text-align: center;">
<span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b><br></b></span></span></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; line-height: 19.2px; text-align: center;">
<span style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; list-style: none; margin: 0px; outline: none; padding: 0px;"><b><div style="box-sizing: border-box; font-family: 'Droid Arabic Kufi', serif; font-size: 13px; line-height: 19.2px;">
<span style="border: none; font-family: inherit; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">قد تصلح للمدونات التي تهتم بالربح او التجارة لغعطاء طابع مميز للمدونة</span></div>
<div style="box-sizing: border-box; font-family: 'Droid Arabic Kufi', serif; font-size: 13px; line-height: 19.2px;">
<span style="border: none; font-family: inherit; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">لتركيب الإضافة قم بإضافة اداة جديدة ثم ضع فيها هذا الكود</span></div>
<div style="box-sizing: border-box; font-family: 'Droid Arabic Kufi', serif; font-size: 13px; line-height: 19.2px;">
<span style="border: none; font-family: inherit; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><br></span></div>
<div dir="ltr" style="box-sizing: border-box; font-family: 'Droid Arabic Kufi', serif; font-size: 13px; line-height: 19.2px;">
<span style="border: none; font-family: inherit; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"></span></div></b></span></div></div>

اضافات بلوجر إضافة صرف العملات لمدونات بلوجر

اليوم بإذن الله ساضع لكم إضافة ليست بالمهمة لكن قد يرغب بها بعضكم وهي إضافة صرف العملات وذالك لمعرفة سعر العملات العالمية مقارنة بسعر عم...

التفاصيل»

تصنيفات أو تسميات لمدونات بلوجر بتصميم جميل

5:24 م YACIN 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<i><span style="background-color: white; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">التصنيفات أو التسميات من الأدوات المعروفة لمدونات بلوجر والتي تسمح بتنظيم وتصنيف محتوى المدونة حسب النوع. حيث يمكن إضهارها بأشكال مختلفة مثل قائمة عمودية، سحابة مع إمكانية إظهار عدد المواضيع أو المقالات بحسب النوع أو الصنف. واليوم سترون في هذا الدرس الجديد من دروس بلوجر طريقة تغيير تصميم مظهر التصنيفات الخاصة بمدونتكم بشكل أنيق وجميل بالألوان لإضفاء بعض الجمالية على مدونتكم.</span></i><br />
<h2 style="background-color: white; font-family: 'Droid Arabic Kufi', serif, 'PT Sans', Arial, sans-serif; line-height: 26.6px;">
<span style="color: #990000; font-size: large;">طريقة تغيير تصميم التصنيفات لمدونات بلوجر</span></h2>
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">لجعل التسميات أو التصنيفات على مدونتكم تبدو بهذا الشكل:</span><br />
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"><br /></span>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-xF-XvaZTMwM/VfDLkJPgQzI/AAAAAAAAAJE/tWjxjFdmrDk/s1600/%25D8%25AA%25D8%25BA%25D9%258A%25D8%25B1%252B%25D8%25B4%25D9%2583%25D9%2584%252B%25D8%25A7%25D9%2584%25D8%25AA%25D8%25B3%25D9%2585%25D9%258A%25D8%25A7%25D8%25AA%252B%25D8%25A7%25D9%2584%25D9%2589%252B%25D8%25B4%25D9%2583%25D9%2584%252B%25D8%25A7%25D8%25AD%25D8%25AA%25D8%25B1%25D8%25A7%25D9%2581%25D9%258A.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://4.bp.blogspot.com/-xF-XvaZTMwM/VfDLkJPgQzI/AAAAAAAAAJE/tWjxjFdmrDk/s320/%25D8%25AA%25D8%25BA%25D9%258A%25D8%25B1%252B%25D8%25B4%25D9%2583%25D9%2584%252B%25D8%25A7%25D9%2584%25D8%25AA%25D8%25B3%25D9%2585%25D9%258A%25D8%25A7%25D8%25AA%252B%25D8%25A7%25D9%2584%25D9%2589%252B%25D8%25B4%25D9%2583%25D9%2584%252B%25D8%25A7%25D8%25AD%25D8%25AA%25D8%25B1%25D8%25A7%25D9%2581%25D9%258A.png" width="318" /></a></div>
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"><br /></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td class="tr-caption"><b>تغيير تصميم التصنيفات لمدونات بلوجر</b></td></tr>
</tbody></table>
<br style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">اتبعوا معنا الخطوات التالية:</span><br style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">1 - من لوحة التحكم في مدونتكم تنقرون على قالب ثم تحرير HTML</span><br style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">2 - Ctrl+F للبحث عن الكود التالي:</span><br style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">]]></b:skin></span><br style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">3- وفوقه مباشرة تضيفون الكود التالي بعد نسخه:</span><br />
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"><br /></span>
<div dir="ltr" style="text-align: left;">
<span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">.Label li {</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">display: inline-block;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">margin-bottom: 10px!important;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">margin-right: 7px!important;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">padding: 0px!important;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">}</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">.Label a {</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">display: inline-block;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">position: relative;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">background: </span><b style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">#353535</b><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">color: #fff;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">font-size: 13px;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">padding: 6px 34px 6px 9px;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">text-decoration: none;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">transition: all 0.17s ease-in-out;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">-moz-transition: all 0.17s ease-in-out;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">-webkit-transition: all 0.17s ease-in-out;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">-o-transition: all 0.17s ease-in-out;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">}</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">.Label span {</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">background: </span><span style="color: #274e13; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;"><b>#02ab68</b></span><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">color: #fff;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">font-size: 13px;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">font-family: 'Noto Sans', sans-serif;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">font-weight: 300;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">padding: 7px 9px 7px 9px;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">z-index: 2;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">margin-left: -3px;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">}</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">.widget-item-control {</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">display: none;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">}</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">.Label a:hover {</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">color: #fff;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">}</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">.Label li:hover {</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">opacity: 0.8;</span><br style="color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px;" /><span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;">}</span></div>
<div dir="ltr" style="text-align: left;">
<span style="background-color: #effbf5; color: #444444; font-family: 'Courier New', 'MS Sans Serif', sans-serif, serif; font-size: 14px; line-height: 22.4px;"><br /></span></div>
<div style="text-align: right;">
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">م يتبقى إلا حفظ التغييرات بعد تغيير الألوان</span><b style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px; text-align: left;">#353535 </b><span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"> و</span><b style="background-color: white; color: #274e13; font-family: Tahoma; font-size: 14px; line-height: 26.6px; text-align: left;">#02ab68</b><span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"> بحسب حاجتكم باستعمال اداة</span></div>
<div style="text-align: right;">
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"> </span><a href="http://etrprof.blogspot.com/p/see-more-at-httphi-tech-eg.html" style="background-color: white; color: #0676d0; font-family: Tahoma; font-size: 14px; font-weight: bold; line-height: 26.6px; outline: none; text-decoration: none;">اكواد الالوان html color picker</a><span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">.</span></div>
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"><br /></span>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr></tr>
</tbody></table>
</div>

اضافات بلوجر تصنيفات أو تسميات لمدونات بلوجر بتصميم جميل

التصنيفات أو التسميات من الأدوات المعروفة لمدونات بلوجر والتي تسمح بتنظيم وتصنيف محتوى المدونة حسب النوع. حيث يمكن إضهارها بأشكال مختلفة مث...

التفاصيل»

صندوق المتابعة عبر البريد أسفل المواضيع لمدونات بلوجر

5:01 م YACIN 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<h2 style="background-color: white; line-height: 26.6px;">
<span style="color: #cc0000; font-family: Georgia, Times New Roman, serif; font-size: large;">لماذا تحتاج مدونتكم لصندوق المشاركة البريدية؟</span></h2>
<div>
<span style="color: #cc0000; font-family: Georgia, Times New Roman, serif; font-size: large;"><br></span></div>
<div>
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;">وفر مدونتك على هذه الأداة يسمح للزائرين بإمكانية متابعتك عبر تسجيل بريدهم الإلكتروني. حيث يمكنك استغلال الأمر بعد ذلك للتوصل بجديد المقالات عبر البريد وبالتالي الحصول على زيارات منتظمة.</span></div>
<div>
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"><br></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-RSUrzM3mRMA/VfDHe0AwZJI/AAAAAAAAAIc/oOsX9dFZT70/s1600/_.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="151" src="http://3.bp.blogspot.com/-RSUrzM3mRMA/VfDHe0AwZJI/AAAAAAAAAIc/oOsX9dFZT70/s400/_.png" width="400"></a></div>
<div>
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"><br></span></div>
<div>
<span style="background-color: white; color: #444444; font-family: Tahoma; font-size: 14px; line-height: 26.6px;"></span><br>
</div></div>

اضافات بلوجر صندوق المتابعة عبر البريد أسفل المواضيع لمدونات بلوجر

لماذا تحتاج مدونتكم لصندوق المشاركة البريدية؟ وفر مدونتك على هذه الأداة يسمح للزائرين بإمكانية متابعتك عبر تسجيل بريدهم الإلكتروني. حي...

التفاصيل»

شرح إخفاء عنوان أي أداة من المدونة

4:18 م YACIN 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div>
<br></div>
<br>
<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-oWEiLtHZqHg/VfC9pkgVQcI/AAAAAAAAAH4/KGu3R9BVo_A/s1600/%25D8%25B4%25D8%25B1%25D8%25AD%2B%25D8%25B7%25D8%25B1%25D9%258A%25D9%2582%25D8%25A9%2B%25D8%25A7%25D9%2584%25D8%25AA%25D8%25AD%25D9%2583%25D9%2585%2B%25D9%2581%25D9%2589%2B%25D8%25A7%25D8%25AE%25D9%2581%25D8%25A7%25D8%25A1%2B%25D8%25A7%25D9%2588%2B%25D8%25A7%25D8%25B8%25D9%2587%25D8%25A7%25D8%25B1%2B%25D8%25A7%25D9%258A%2B%25D8%25A7%25D8%25AF%25D8%25A7%25D8%25A9%2B%25D9%2585%25D9%2586%2B%25D8%25A7%25D8%25AF%25D9%2588%25D8%25A7%25D8%25AA%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2B%25D8%25A7%25D9%2588%2B%25D8%25A7%25D8%25B9%25D9%2584%25D8%25A7%25D9%2586%25D8%25A7%25D8%25AA%2B%25D8%25AC%25D9%2588%25D8%25AC%25D9%2584%2B%25D8%25A7%25D8%25AF%25D8%25B3%25D9%2586%25D8%25B3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="242" src="http://1.bp.blogspot.com/-oWEiLtHZqHg/VfC9pkgVQcI/AAAAAAAAAH4/KGu3R9BVo_A/s400/%25D8%25B4%25D8%25B1%25D8%25AD%2B%25D8%25B7%25D8%25B1%25D9%258A%25D9%2582%25D8%25A9%2B%25D8%25A7%25D9%2584%25D8%25AA%25D8%25AD%25D9%2583%25D9%2585%2B%25D9%2581%25D9%2589%2B%25D8%25A7%25D8%25AE%25D9%2581%25D8%25A7%25D8%25A1%2B%25D8%25A7%25D9%2588%2B%25D8%25A7%25D8%25B8%25D9%2587%25D8%25A7%25D8%25B1%2B%25D8%25A7%25D9%258A%2B%25D8%25A7%25D8%25AF%25D8%25A7%25D8%25A9%2B%25D9%2585%25D9%2586%2B%25D8%25A7%25D8%25AF%25D9%2588%25D8%25A7%25D8%25AA%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2B%25D8%25A7%25D9%2588%2B%25D8%25A7%25D8%25B9%25D9%2584%25D8%25A7%25D9%2586%25D8%25A7%25D8%25AA%2B%25D8%25AC%25D9%2588%25D8%25AC%25D9%2584%2B%25D8%25A7%25D8%25AF%25D8%25B3%25D9%2586%25D8%25B3.jpg" width="400"></a></div>
<br>
<br style="background-color: #f5ede3; font-family: Tahoma; text-align: start;">
<div style="font-family: Arial; font-size: 16pt; font-stretch: normal; text-align: start;">
<span style="font-family: Tahoma; font-size: small;"><b>سرني أن أقدم لكم هذه الشرح البسيط لإخفاء عنوان أي أداة من المدونة بحيث يبقى ظاهرا في عناصر الصفحة.<br></b></span><br>
</div></div>

اضافات بلوجر دروس بلوجر شرح إخفاء عنوان أي أداة من المدونة

سرني أن أقدم لكم هذه الشرح البسيط لإخفاء عنوان أي أداة من المدونة بحيث يبقى ظاهرا في عناصر الصفحة.

التفاصيل»

شرح بالصور اضافة صفحة اتصل بنا .. contact us .. لمدونات بلوجر

12:18 م YACIN 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;">توفر بلوجر لمستخدميها بعض الأدوات الأساسية من بينها اداة اتصل بنا أو نموذج الأتصال ومن خلالها يتسطيع الزائر أرسال رسالة مباشرة لبريدك علي جوجل، ولكن كيف نسطيع أستغلال تلك الأداة في أنشاء صفحة اتصل بنا.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;" /><a href="https://www.blogger.com/null" name="more" style="background-color: white; color: #fc4f08; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;"></a><a href="http://2.bp.blogspot.com/-WQtxTEVOTs4/VfCFV_XGtEI/AAAAAAAAAF0/_Sf_OcACojQ/s1600/blogger-contact-us-6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/-WQtxTEVOTs4/VfCFV_XGtEI/AAAAAAAAAF0/_Sf_OcACojQ/s400/blogger-contact-us-6.png" width="400" /></a><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;"><br /><br /></span><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;"></span><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;">من خلال هذا الشرح المبسط سنتعلم افضل طريقة لأستغلال مميزات تلك الأداة، وفي البداية سنجاوب علي سؤال ما هي صفحات بلوجر؟ هي عبارة عن صفحات ثابته تستطيع المدونة الواحدة امتلاك 20 واحدة منها فقط ومن امثلها (أتصل بنا، من نحن، سياسية الخصوصية) وغيرها أذاً كيف نقوم بتجهيز صفحة أتصل بنا؟</span><br style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;" /><br style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;" /><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;">في البداية سنقوم بالدخول لمنطقة الأدوات الخاصة بمدونتك، قم بالضغط علي زر "أضافة أداة جديدة" ومن ثم أضغط علي المزيد من الادوات وقم بأضافة اداة نموذج الأتصال، ولست بحاجة لأضافتها اذا كانت مضافة بالفعل لمدونتك.</span><br style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;" /><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;"><br /></span><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;"></span><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;">في الخطوة التالية وبعد التأكد من ظهور نموذج الأتصال في مدونتك قم بالدخول منطقة القالب الخاصة بك ومن ثم اضغط علي تعديل HTML وقم بالبحث عن الكود التالي <code style="background-color: #f7f7f9; border: 0.085em solid rgb(225, 225, 232); color: #dd1144; display: inline; padding: 0.235294em;"><head></code> وقم بأضافة الكود التالي اسفل منه مباشرة </span><br style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;" /><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;"><br /></span><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;"></span></div>
<blockquote class="tr_bq" dir="ltr" style="background-color: #302c2b; border-left-color: rgb(252, 79, 8); border-left-style: solid; border-left-width: 30px; border-radius: 10px 20px 20px 10px; color: #b8b4aa; direction: ltr !important; font-family: Voces, cursive; line-height: 30px; margin: 0px 0px 20px; padding: 16.9219px 8.45313px 16.9219px 12.6875px; text-align: left;">
<style><br />#ContactForm1 {display: none;}<br /></style></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<br style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;" /><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;">بعد القيام بتلك العملية ستجد ان نموذج الأتصال قد اختفي من مدونتك الأن قم بالدخول لمنطقة الصفحات في مدونتك وقم بأضافة صفحة جديدة "فارغة" أعطي للصفحة عنوان ما وليكن "أتصل بنا" و في نفس الصفحة قم بالدخول لمنطقة تعديل الاكواد المعروفة ب "HTML" ثم قم بمسح جميع الاكواد بها وقم بلصق الاكواد التالية بها مباشرة </span><br style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;" /><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; line-height: 30px; text-align: right;"><br /></span><span style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;"></span></div>
<blockquote class="tr_bq" dir="ltr" style="background-color: #302c2b; border-left-color: rgb(252, 79, 8); border-left-style: solid; border-left-width: 30px; border-radius: 10px 20px 20px 10px; color: #b8b4aa; direction: ltr !important; font-family: Voces, cursive; line-height: 30px; margin: 0px 0px 20px; padding: 16.9219px 8.45313px 16.9219px 12.6875px; text-align: left;">
<br /><div class="bloggeram-contact-page"><br /><p>هنا قم بكتابة رسالة توضحية للزائر</p><br /><center><br /><div class="contact-us-page"><br /><div class="contact-form-widget"><br /><div class="form"><br /><form name="contact-form"><br /><p><br /></p><br /><span class="contact-us-text">الاسم</span><br /><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" autocomplete="off"><br /><p><br /></p><br /><span class="contact-us-text">بريد إلكتروني <span style="font-weight: bolder;">*</span></span><br /><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value=""><br /><p><br /></p><br /><span class="contact-us-text">رسالة <span style="font-weight: bolder;">*</span></span><br /><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br /><p><br /></p><br /><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال"><br /><p><br /></p><br /><div style="text-align: center; max-width: 222px; width: 100%"><br /><p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"><br /></p><br /><p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"><br /></p><br /></div><br /></form><br /></div><br /></div><br /></div><br /><br /><br /><p>تأكد من ظهور "تم أرسال رسالتلك"</p><br /></center><br /><br /></div><br /><br /><br /><link href='//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css' rel='stylesheet'/><br /><link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/><br /><br /><style><br /><br />.bloggeram-contact-page {<br />direction: rtl;<br />text-align: center;<br />}<br /><br />.contact-us-page {<br />width:98%; max-width:400px;<br />}<br /><br />.contact-us-text {<br />float: right;<br />}<br /><br />.contact-form-button, .contact-form-button-submit, #ContactForm1_contact-form-submit {<br />font-family: 'Droid Arabic Kufi';<br />color: #fff;<br />background: #111;<br />border-color: #111;<br />width: 95%;<br />height: 45px;<br />font-size: 1.1em;<br />}<br /><br /><br />.contact-form-name, .contact-form-email, .contact-form-email-message {<br />max-width: none !important;<br />width: 95% !important;<br />min-height: 40px !important;<br />font-family: 'Droid Arabic Kufi' !important;<br />}<br />.contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {<br />box-shadow: none;<br />}<br />.contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {<br />box-shadow: none;<br />outline: none;<br />}<br /><br /><br /><br />.contact-form-widget {<br />width: inherit;<br />max-width: none !important;<br />padding: 10px 12px 5px 0px;<br />font-size: .90em;<br />}<br /><br />#ContactForm1_contact-form-submit {<br />font-family: 'Droid Arabic Kufi', Voces;<br />color: #fff;<br />background: #111;<br />border-color: #111;<br />width: 95%;<br />height: 45px;<br />font-size: 1.1em;<br />}<br />#ContactForm1_contact-form-submit:hover {<br />background: #FFA200;<br />border: #FFA200;<br />}<br /><br /></style></blockquote>
<div class="separator" style="clear: both; text-align: center;">
<br style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px; text-align: right;" /></div>
<div dir="rtl" style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px;">
<span style="font-size: small;">الأن قم بالدخول لصفحتك ستجد انها اصبحت جاهزة للعمل بشكل جيد، يمكنك أيضاً أضافة رسالة توضحية في بداية النموذج، ثم قم بتجربتها ستجدها تعمل بشكل جيد.</span></div>
<div style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px;">
<br /></div>
<div style="background-color: white; font-family: 'Droid Arabic Naskh', Voces; font-size: 14.4px; line-height: 30px;">
<span style="font-size: small;">ملوحظة: لا تقوم بأزالة الاداة الخاصة بنموذج المشاركة الموجودة في الادوات بدونها لن تعمل الاداة</span></div>
</div>

اضافات بلوجر شرح بالصور اضافة صفحة اتصل بنا .. contact us .. لمدونات بلوجر

توفر بلوجر لمستخدميها بعض الأدوات الأساسية من بينها اداة اتصل بنا أو نموذج الأتصال ومن خلالها يتسطيع الزائر أرسال رسالة مباشرة لبريدك عل...

التفاصيل»

اضافة شريط اخر الاخبار متحرك لمدونات بلوجر بثلاثة الوان احترافيه

3:09 ص YACIN 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: right;">
<span style="background-color: white;"><span style="color: #333333; font-family: 'Georgia Serif'; font-size: medium; text-align: center;">السلام عليكم ،اليوم باذن الله سنقوم باضافة اداه جديدة وسهله, وهي عباره عن شريط متحرك بالوان مختلفه يضم اخر اخبار المدونه بشكل احترافي , هذه الاداه تقوم بعرض اخر اخبار المدونه على شكل شريط افقي متحرك يتم وضعه اسفل الهيدر بحيث يكسب الصفحة ديناميكية جميلة ويسهل للزائر التعرف على المواضيع الحديثة في المدونة .</span></span></div>
<div style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;">
<span style="background-color: white; font-size: medium;"><br /></span></div>
<div style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;">
<span style="background-color: white; font-size: medium;">تتميز هذه الاضافه بجماليتها وبخفتها وقد قمت بتوفيرها بعدة ألوان لكي تتناسب مع اكثر القوالب شيوعا ,وايضا ارضاءً لجميع الاذواق ,,<br /><br />اترككم مع الشرح</span></div>
<div style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;">
<span style="background-color: white; font-size: medium;"><br /></span></div>
<div class="separator" style="clear: both;">
<span style="background-color: white;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white;"><br /><a href="http://2.bp.blogspot.com/-a8hR2HjkXns/VfAEx3C8nsI/AAAAAAAAAEk/jmgjF_QK75A/s1600/_.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="http://2.bp.blogspot.com/-a8hR2HjkXns/VfAEx3C8nsI/AAAAAAAAAEk/jmgjF_QK75A/s400/_.jpg" width="400" /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white;"><br /></span></div>
<span style="background-color: white;"><br /></span>
<span style="background-color: white;"><span style="color: red; font-family: 'Georgia Serif'; text-align: center;"><b>كيفية اضافة شريط احدث الاخبار الى مدوناتكم</b></span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">1- من لوحة التحكم -> قالب -> تحرير HTML </span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات </span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)</span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;"></head></span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">وقبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك</span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: blue; font-family: 'Georgia Serif'; text-align: center;"><b>كوداللون الازرق:</b></span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <style type='text/css'> #beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden; background: #fff; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; background-clip: padding-box;border-left: none;max-height: 37px;} #beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#21b8ff; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px; line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal; text-transform: uppercase;} #recentpostbreaking{float:right;padding-right: 15px;} #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} #recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;} </style></b:if></b:if> </span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: red; font-family: 'Georgia Serif'; text-align: center;"><b>كوداللون الاحمر:</b></span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <style type='text/css'>#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden; background: #fff; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; background-clip: padding-box; border-left: none; max-height: 37px;} #beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#CC1B1B; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; color: #FFF;font-family:GE SS Two Medium,droidkufi-bold; font-size: 14px;line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;text-transform: uppercase;} #recentpostbreaking{float:right;padding-right: 15px;} #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} #recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;} </style></b:if></b:if> </span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><b style="color: #333333; font-family: 'Georgia Serif'; text-align: center;"><span style="color: #38761d;">كوداللون الاخضر:</span></b><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <style type='text/css'>#beakingnews{width:980px;margin:0 auto; line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden; background: #fff; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; background-clip: padding-box; border-left: none; max-height: 37px;} #beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#29BD9E; -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset; color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px; line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal; text-transform: uppercase;} #recentpostbreaking{float:right;padding-right: 15px;} #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} #recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;} </style></b:if></b:if> </span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">الان بعد ان قمت باختيار احد الاكواد السابقه تبقى لنا خطوه اخيره وهي اضافة كود الاداه اسفل هايدر المدونه</span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">واعلم اخي الكريم ان كود الهايدر يختلف من قالب الى اخر ولكني سوف اوفر لك كود تقريبي لكي يتم اضافة شريط الاخبار في موقعه السليم لذلك سوف يكون هذا الامر راجع لك </span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">سوف نقوم بالبحث عن الكود التالي </span><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;">:</span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><div class='main-outer'></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">ونلصق الكود التالي قبله مباشرة / فوقه</span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span> <div id='recentpostbreaking'>Loading...</div> </div> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { var url_blog = 'http://ezzeldin-ahmed.blogspot.com/', // alamat blogmu contoh http://mkr-site.blogspot.com numpostx = 10; // Jumlah artikel yang di tampilkan $.ajax({ url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '', type: 'get', dataType: "jsonp", success: function(data) { var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++) { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href; break; } } posttitle = entry[i].title.$t; skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>'; } skeleton += '</ul>'; $('#recentpostbreaking').html(skeleton); // kode untuk efek pada breaking news function tick(){ $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); } setInterval(function(){ tick () }, 5000); } else { $('#recentpostbreaking').html('<span>No result!</span>'); } }, error: function() { $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>'); } }); }); //]]> </script> </b:if></b:if> </span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><b><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">الان قم باستبدل الرابط التالي </span><a href="http://ezzeldin-ahmed.blogspot.com/" style="color: #999999; font-family: 'Georgia Serif'; text-align: center; text-decoration: none;">http://ezzeldin-ahmed.blogspot.com</a><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;"> برابط مدونتك </span><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">وبالاخير قم بحفظ القالب والف مبروووك عليك الاضافه </span></b></span></div>

اضافات بلوجر اضافة شريط اخر الاخبار متحرك لمدونات بلوجر بثلاثة الوان احترافيه

السلام عليكم ،اليوم باذن الله سنقوم باضافة اداه جديدة وسهله, وهي عباره عن شريط متحرك بالوان مختلفه يضم اخر اخبار المدونه بشكل احترافي , هذ...

التفاصيل»

أحدث اضافة لمدونة بلوجر تمكن زوار مدونتك من اختيار لون خلفية المدونه حسب رغبتهم

3:03 ص YACIN 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Bn9VEqHu4sw/VfADL0nzedI/AAAAAAAAAEY/xHf3o0B5-AI/s1600/%25D8%25A7%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9%2B%25D8%25AA%25D8%25B3%25D9%2585%25D8%25AD%2B%25D9%2584%25D8%25B2%25D9%2588%25D8%25A7%25D8%25B1%2B%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25AA%25D9%2583%2B%25D8%25A8%25D8%25A7%25D8%25AE%25D8%25AA%25D9%258A%25D8%25A7%25D8%25B1%2B%25D9%2584%25D9%2588%25D9%2586%2B%25D8%25AE%25D9%2584%25D9%2581%25D9%258A%25D8%25A9%2B%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D9%2587%2B%25D8%25AD%25D8%25B3%25D8%25A8%2B%25D8%25B1%25D8%25BA%25D8%25A8%25D8%25AA%25D9%2587%25D9%2585%2B%25D8%25A7%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A7%25D8%25AA%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2B%25D8%25AF%25D8%25B1%25D9%2588%25D8%25B3%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2B%25D9%2582%25D9%2588%25D8%25A7%25D9%2584%25D8%25A8%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="http://2.bp.blogspot.com/-Bn9VEqHu4sw/VfADL0nzedI/AAAAAAAAAEY/xHf3o0B5-AI/s400/%25D8%25A7%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A9%2B%25D8%25AA%25D8%25B3%25D9%2585%25D8%25AD%2B%25D9%2584%25D8%25B2%25D9%2588%25D8%25A7%25D8%25B1%2B%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D8%25AA%25D9%2583%2B%25D8%25A8%25D8%25A7%25D8%25AE%25D8%25AA%25D9%258A%25D8%25A7%25D8%25B1%2B%25D9%2584%25D9%2588%25D9%2586%2B%25D8%25AE%25D9%2584%25D9%2581%25D9%258A%25D8%25A9%2B%25D8%25A7%25D9%2584%25D9%2585%25D8%25AF%25D9%2588%25D9%2586%25D9%2587%2B%25D8%25AD%25D8%25B3%25D8%25A8%2B%25D8%25B1%25D8%25BA%25D8%25A8%25D8%25AA%25D9%2587%25D9%2585%2B%25D8%25A7%25D8%25B6%25D8%25A7%25D9%2581%25D8%25A7%25D8%25AA%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2B%25D8%25AF%25D8%25B1%25D9%2588%25D8%25B3%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1%2B%25D9%2582%25D9%2588%25D8%25A7%25D9%2584%25D8%25A8%2B%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.png" width="400" /></a></div>
<br />
<h3>
<span style="font-size: small;"><span style="background-color: white;"><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">السلام عليكم , اليوم اقدم لكم اضافه جديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانو من مشكلة ارضاء جميع زوار مدوناتهم من خلال شكل والوان ستايل المدونه ولكن اليوم باذن الله سوف اقدم لكم الحل </span></span><span style="background-color: white;"><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /></span><span style="background-color: white;"><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">هذه الاضافه الاحترافيه تمكن زوار مدونتك من التحكم باختيار لون الخلفيه المناسبه لهم بمجرد النقر على اللون المفضل لهم بطريقه سهله واحترافيه, مما يزيد من جمالية المدونه ويجعل زوار مدونتك راضيين كل الرضا عن شكلها واختيار الاستايل المناسب لهم .</span></span></span></h3>
<h3>
<span style="font-size: small;"><span style="background-color: white;"><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /></span><span style="background-color: white;"><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">والان مع الشرح :</span></span><span style="background-color: white;"><br style="color: #333333; font-family: 'Georgia Serif'; text-align: center;" /></span><span style="background-color: white;"><span style="color: #333333; font-family: 'Georgia Serif'; text-align: center;">انتقل إلى لوحة تحكم مدونتك</span></span><span style="background-color: #fafafa; color: #333333; font-family: 'Georgia Serif'; text-align: center;"> </span></span></h3>
<h3 style="text-align: right;">
<span style="background-color: white; color: #333333; font-family: 'Georgia Serif'; text-align: center;"><b><span style="font-size: small;">ختر "تخطيط" ثم إضافة أداة ثم اختر</span></b></span></h3>
<div>
<span style="background-color: #fafafa; color: #333333; font-family: 'Georgia Serif'; text-align: center;"><b>HTML/Javascript</b></span></div>
<div>
<span style="background-color: #fafafa; color: #333333; font-family: 'Georgia Serif'; text-align: center;"><b><br /></b></span></div>
<div>
<span style="background-color: white; color: #333333; font-family: 'Georgia Serif'; text-align: center;"><b>والآن الصق داخل المستطيل الكود التالي :</b></span></div>
<div>
<span style="background-color: white; color: #333333; font-family: 'Georgia Serif'; text-align: center;"><b><br /></b></span></div>
<div>
<br style="background-color: #fafafa; color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="background-color: #cfe2f3;"><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><script type="text/javascript"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;">function bgChange(bg)</span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;">{</span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;">document.body.style.background=bg;</span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;">}</span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></script></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><table border="1" width="100%" height="20"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><tbody><tr></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#8B008B')" bgcolor="#8B008B"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#9400D3')" bgcolor="#9400D3"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#008080')" bgcolor="#008080"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#808080')" bgcolor="#808080"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#CD853F')" bgcolor="#CD853F"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#DC143C')" bgcolor="#DC143C"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#4B0082')" bgcolor="#4B0082"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></td></span><br style="color: #333333; font-family: 'Georgia Serif'; font-size: small; text-align: center;" /><span style="color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"></tr></tbody></table> - See more at: http://ezzeldin-ahmed.blogspot.com/2014/01/blog-post_3661.html#more</span></span></div>
<div>
<span style="background-color: #fafafa; color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><br /></span></div>
<div>
<span style="background-color: #fafafa; color: #333333; font-family: 'Georgia Serif'; font-size: x-small; text-align: center;"><br /></span></div>
<div>
<span style="background-color: #fafafa; color: #333333; font-family: 'Georgia Serif'; text-align: center;"><b><span style="font-size: small;"><br /></span></b></span></div>
<div>
<span style="background-color: #cfe2f3; color: #333333; text-align: center;"><span style="font-family: Georgia, Times New Roman, serif;"><b>الان قم بحفظ الاداه وقم بالمعاينه ومبروك عليك الاضافه </b></span></span></div>
<div>
<span style="font-size: small;"><span style="background-color: #fafafa; color: #333333; font-family: 'Georgia Serif'; text-align: center;"><br /></span></span></div>
</div>

اضافات بلوجر أحدث اضافة لمدونة بلوجر تمكن زوار مدونتك من اختيار لون خلفية المدونه حسب رغبتهم

السلام عليكم , اليوم اقدم لكم اضافه جديده في عالم بلوجر ,لا شك ان الكثير من المدونين يعانو من مشكلة ارضاء جميع زوار مدوناتهم من خلال شك...

التفاصيل»

إضافة صندوق الدردشة أو شات إلى موقعك أو مدونتك في بلوجر

2:26 ص YACIN 0

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<b><span style="background-color: white;">السلام عليكم </span><span style="background-color: white;">صندوق الدردشة الذي ستقوم بإضافته , سيمكن زوار موقعك من التحاور و لم لا تبادل الخبرات في نفس الصفحة دون تحديثها .</span></b></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="background-color: white;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-tF0SOEYMLjs/Ve_6G94DwxI/AAAAAAAAAD8/Pd81k-r3T3w/s1600/add-chat-box-website-blog-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://1.bp.blogspot.com/-tF0SOEYMLjs/Ve_6G94DwxI/AAAAAAAAAD8/Pd81k-r3T3w/s400/add-chat-box-website-blog-3.png" width="400" /></a></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<br style="transition-duration: 0.5s;" /><div class="separator" style="background-color: #dddfe0; clear: both; text-align: center; transition-duration: 0.5s;">
</div>
<br style="transition-duration: 0.5s;" /><span style="background-color: white;"><br style="transition-duration: 0.5s;" /></span></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="background-color: white;">من المميزات الرائعة و التي لا يمكنني المرور دون ذكرها , أنّ  :</span></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="background-color: white;">- صاحب الموقع (صاحب الشات) بإمكانه حظر أي شخص في الشات إذا صدرت منه رسائل سبام أو أي رسائل مزعجة أخرى .</span></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="background-color: white;">- الحوار مع زوار الموقع فوري و لا يتطلب تحديث الصفحة</span></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="background-color: white;">- هناك أكثر من تصميم و شكل للإضافة و يمكنك إختيار الألوان التي تريدها و تعديلها متى شئت </span></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="background-color: white;">- إظهار عدد المتواجدين في الشات </span></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="background-color: white;"><br style="transition-duration: 0.5s;" /><a href="http://modawin-blogger.blogspot.com/2015/07/add-chat-box-website-blog.html" style="color: white; text-decoration: none; transition-duration: 0.5s;"><b style="transition-duration: 0.5s;"><span style="color: #e06666; transition-duration: 0.5s;">إنشاء صندوق دردشة لمدونتك : </span></b></a><br style="transition-duration: 0.5s;" /><br style="transition-duration: 0.5s;" />أولا توجه نحو <a href="http://chatango.com/creategroup" rel="nofollow" style="color: white; text-decoration: none; transition-duration: 0.5s;" target="_blank">موقع chatango </a>.<br style="transition-duration: 0.5s;" />ستظهر لك 3 أمثلة لصناديق الشات : Box / Ticker / Tab .<br style="transition-duration: 0.5s;" />اختر الشكل الذي تفضل ظهوره في مدونتك عبر الضغط عليه .<br style="transition-duration: 0.5s;" />لتدخل إلى إعدادات الصندوق و هذه صورة تفسر لك كلّ التعديلات التي يمكنك أن تقوم بها :</span></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="background-color: white;"><br style="transition-duration: 0.5s;" /></span><br style="transition-duration: 0.5s;" /><div class="separator" style="clear: both; text-align: center; transition-duration: 0.5s;">
<span style="background-color: white;"><img alt="إضافة صندوق الدردشة أو شات إلى موقعك أو مدونتك في بلوجر" border="0" height="342" src="http://3.bp.blogspot.com/-ULa2C0EF9Es/VbYyz4oN_7I/AAAAAAAABGs/XKkEWFE2CkI/s640/add-chat-box-website-blog.png" style="transition-duration: 0.5s;" title="إضافة صندوق الدردشة أو شات إلى موقعك أو مدونتك في بلوجر" width="640" /></span></div>
<span style="background-color: white;">و من ثم اضغط على Create Group في الأعلى .<br style="transition-duration: 0.5s;" />ليقوم مباشرة بتوليد كود الإضافة .</span><br style="transition-duration: 0.5s;" /><br style="transition-duration: 0.5s;" /><div class="separator" style="clear: both; text-align: center; transition-duration: 0.5s;">
<span style="background-color: white;"><img alt="إضافة صندوق الدردشة أو شات إلى موقعك أو مدونتك في بلوجر" border="0" height="162" src="http://1.bp.blogspot.com/-2sPf58YvB6A/VbYzbo0trOI/AAAAAAAABG0/cLUBcLSu1fo/s640/add-chat-box-website-blog-2.png" style="transition-duration: 0.5s;" title="إضافة صندوق الدردشة أو شات إلى موقعك أو مدونتك في بلوجر" width="640" /></span></div>
<br style="transition-duration: 0.5s;" /><br style="transition-duration: 0.5s;" /><span style="background-color: white;">قم بنسخ هذا الكود لأنك ستستحقه .</span><br style="transition-duration: 0.5s;" /></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<b style="transition-duration: 0.5s;"><span style="background-color: white; color: #e06666; transition-duration: 0.5s;"><a href="http://modawin-blogger.blogspot.com/2015/07/add-chat-box-website-blog.html" style="color: white; text-decoration: none; transition-duration: 0.5s;"><span style="color: #e06666; transition-duration: 0.5s;">تركيب صندوق الدردشة إلى بلوجر</span></a> :</span></b></div>
<div dir="rtl" style="font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
<span style="transition-duration: 0.5s;"><span style="background-color: white; color: #e06666; transition-duration: 0.5s;"><u><br style="transition-duration: 0.5s;" /></u></span></span></div>
<div dir="rtl" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(132, 205, 165); border-bottom-style: solid; border-bottom-width: 3px; border-radius: 3px 3px 0px 0px; color: #7a7a7a; float: right; font-family: 'Droid Arabic Kufi', tahoma; margin: 10px 0px; padding: 7px 0px 5px 2px; transition-duration: 0.5s; width: 865.656px;">
<span style="background-color: #cfe2f3;">الدخول للوحة التحكم في بلوجر</span></div>
<div dir="rtl" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(132, 205, 165); border-bottom-style: solid; border-bottom-width: 3px; border-radius: 3px 3px 0px 0px; color: #7a7a7a; float: right; font-family: 'Droid Arabic Kufi', tahoma; margin: 10px 0px; padding: 7px 0px 5px 2px; transition-duration: 0.5s; width: 865.656px;">
<span style="background-color: #cfe2f3;">الدخول إلى التخطيط و إختيار إضافة HTML/JAVASCRIPT</span></div>
<div dir="rtl" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(132, 205, 165); border-bottom-style: solid; border-bottom-width: 3px; border-radius: 3px 3px 0px 0px; color: #7a7a7a; float: right; font-family: 'Droid Arabic Kufi', tahoma; margin: 10px 0px; padding: 7px 0px 5px 2px; transition-duration: 0.5s; width: 865.656px;">
<span style="background-color: #cfe2f3;">إضافة الكود الذي قمت بنسخه</span></div>
<div dir="rtl" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-color: rgb(132, 205, 165); border-bottom-style: solid; border-bottom-width: 3px; border-radius: 3px 3px 0px 0px; color: #7a7a7a; float: right; font-family: 'Droid Arabic Kufi', tahoma; margin: 10px 0px; padding: 7px 0px 5px 2px; transition-duration: 0.5s; width: 865.656px;">
<span style="background-color: #cfe2f3;">حفظ</span></div>
<div dir="rtl" style="background-color: #dddfe0; clear: both; font-family: 'Droid Arabic Kufi', tahoma; transition-duration: 0.5s;">
</div>
<br /><div>
<span style="background-color: white; font-family: 'Droid Arabic Kufi', tahoma; text-align: start;"><span style="color: blue;"><b>مبروك !! الأن أن تشاهد صندوق الدردشة في مدونتك</b></span></span></div>
</div>

اضافات بلوجر إضافة صندوق الدردشة أو شات إلى موقعك أو مدونتك في بلوجر

السلام عليكم صندوق الدردشة الذي ستقوم بإضافته , سيمكن زوار موقعك من التحاور و لم لا تبادل الخبرات في نفس الصفحة دون تحديثها . م...

التفاصيل»

قالب القرآن الكريم أو صفحة على مدونتك

إضافة صرف العملات لمدونات بلوجر

تصنيفات أو تسميات لمدونات بلوجر بتصميم جميل

صندوق المتابعة عبر البريد أسفل المواضيع لمدونات بلوجر

شرح إخفاء عنوان أي أداة من المدونة

شرح بالصور اضافة صفحة اتصل بنا .. contact us .. لمدونات بلوجر

اضافة شريط اخر الاخبار متحرك لمدونات بلوجر بثلاثة الوان احترافيه

أحدث اضافة لمدونة بلوجر تمكن زوار مدونتك من اختيار لون خلفية المدونه حسب رغبتهم

إضافة صندوق الدردشة أو شات إلى موقعك أو مدونتك في بلوجر

المشاركات الشائعة

أرشيف المدونة الإلكترونية

أنظم الينا على الفايسبوك